<?php
    include 'admin_logueado.php';
?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en" lang="en">
	<head>
		<title>Autores</title>
		
		<link rel="shortcut icon" href="img/favicon.ico" type="image/x-ico"/>
		
		<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
		<meta name="viewport" content="width=device-width, initial-scale=1.0"/>
		
		<!-- Bootstrap -->
		<link href="librerias/css/bootstrap.min.css" rel="stylesheet" media="screen"/>
		<link rel="stylesheet" type="text/css" href="css/ajustes.css" />
		<link rel="stylesheet" type="text/css" href="css/cambiando_estilo.css" />
		
		
		 <link rel="stylesheet" href="http://code.jquery.com/ui/1.10.2/themes/smoothness/jquery-ui.css" />
		 <link rel="stylesheet" href="/resources/demos/style.css" />
		 
		 <script src="http://code.jquery.com/jquery-1.9.1.js" type="text/javascript"></script>
		 <script src="librerias/js/bootstrap.min.js" type="text/javascript"></script>
		 <script src="http://code.jquery.com/ui/1.10.2/jquery-ui.js" type="text/javascript"></script>
		  
	
		<script src="js/loadXML.js" type="text/javascript"></script>
		<script src="js/scripts.js" type="text/javascript"></script>
		<script src="js/chequear_estilo.js" type="text/javascript"></script>
		<script src="js/autores_js.js" type="text/javascript"></script>
		
		<link rel="stylesheet" type="text/css" href="css/estilo1.css" id="css_que_cambia"></link>
		<link rel="stylesheet" type="text/css" href="css/autores_css.css"></link>
		
	</head>

	<body>
		
		<!-- Menú superior -->
		<!--=========== BOTONES DE CAMBIO DE ESTILO ================-->
		<div class="row-fluid">
                    <div class="span12">
				<?php 
                                if(admin_logueado()){
                                   $url_actual = $_SERVER['REQUEST_URI'];
                                   echo "<div id='link_logout'><a href='logout.php?url=$url_actual'>logout</a></div>";
                                }
                                ?>
                        <!--form-->
                        <div id="radio">
                            <input type="radio" id="radio1" name="radio" onclick="cambiarCss1()"/>
                            <label for="radio1" id="label1">Style 1</label>
                            <input type="radio" id="radio2" name="radio" onclick="cambiarCss2()"/>
                            <label for="radio2" id="label2">Style 2</label>
                        </div>
                        <!--/form-->
                                                                    
                    </div>
		</div>
		<!--=========== ENCABEZADO ================-->
		<div class="container">
		<div class="row-fluid" id="encabezado_">
		
			<div class="span12 barra_s" id="barra_bot_log">
				<!-- logo-->
				<div class="span4 well logo_s">
					<img id="logo_img" src="img/LOGO1ELI.png" alt="logo"/>
				</div>
				<!-- botones -->
				<div class="span8 well botones_s">
					<ul class="lista_botones">
						<li class="boton_l"><a href="autores.php" class="links" >Autores</a></li>
						<li class="boton_l" id="boton_readme"><a href="readme.php" class="links">Readme</a></li>
						
					</ul>
				</div>
				
			</div>
		</div>
		
		<div class="row-fluid">
			<div class="span12">
				<ul class="breadcrumb">
					<li><a href="index.php" class="breadcrumb_link">Home</a> <span class="divider">/</span></li>
					<li class="active"><span class="breadcrumb_actual">Autores</span></li>
				</ul>
			</div>
		</div>
		</div>
		
		
		<!--=========== CUERPO AUTORES================-->
		 
		 <div class="container">
		
			<div class="row-fluid">
				<div class="span6 offset4">
					<h1 id="titulo_autores" >AUTORES</h1>	
				</div>
    			<div class="span12 ">
        			<div class="row-fluid">
           				 	<div id="div_foto_eli" class="span3 offset3" style="position:relative;">
           				 		<img  id="foto_eli" src="img/foto_eli.jpg" alt="eli"></img>
           				 	</div>
            				<div id="div_foto_mati" class="span3" style="position:relative;">
            					<img  id="foto_mati" src="img/foto_mati.jpg" alt="autor2"></img>
            				</div>
       				</div>
       				
       				<div class="span2 offset5">
						<button type="button" id="ver_mas_autores">Ver más...</button>
					</div>
       				
			        <div class="row-fluid ">
			            <div class="izq_autores span6">
			            	<div class="items_autores_caja">	
			            		<ul class="items_autores">
									<li class="item_autores1" id="nombre">Eliana Liberman</li>
									<li class="item_autores1 separacion"></li>
									<li class="item_autores1">Edad: 23 años</li>
									<li class="item_autores1">Lu: 89317</li>
									<li class="item_autores1">Correo: libermaneliana@gmail.com</li>
						
								</ul>
							</div>
			            </div>
			            <div class="der_autores span6">
			            	<div class="items_autores_caja2">	
			            		<ul class="items_autores">
									<li class="item_autores1" id="nombre2">Matias Carrasco</li>
									<li class="item_autores1 separacion"></li>
									<li class="item_autores1">Edad: 29 años</li>
									<li class="item_autores1">LU: 68120</li>
									<li class="item_autores1">Correo: matias.ac.361@gmail.com</li>
						
								</ul>
							</div>
			            </div>
			        </div>
   				</div>
			</div>
		
		
		<!--=========== PIE================-->
		<div class="row-fluid">
			<div class="span12 well pie">
				
					<div class="span2 offset10">
						&copy; IAW 2013
					</div>
					
				
			</div>
		</div>	
		</div>
		
		
			
	</body>
</html>
